*{
	margin: 0px;
}
html,body{
	height: 100%;
	width: 100%;
}
li.font{
	height: 49px
}
li:hover{
	background-color: white;
	opacity: 1;
}
a{
	position:relative;
}
.search-main{
	position: relative;
	left: 10px;
	top: 100px;
}
.sor{
	margin: calc(-50%);
}
.zym{
	font: bol;
	color: white;
	position:relative;
	top:5px;
}
.titleborder{
	height: 50px;
	margin-top: 100px;
}
.titlename{
	text-align: center;
	margin-top: -20px;
}
.sectiondistance{
	margin-left: -100px;
}
.blogtitle{
	display: inline-block;
}
.blogfontsize{
	font-size: 15px;
}
.blogtitlename{
	color: #999;
}
.blogtitlename2{
	font-size: 12px;
	color: #aaa;
}
.blogtime{
	font-size: 11px;
	color: #aaa;
	margin-left: 10px;
}
.blogdistance2{
	margin-left: 20px;
}

/* Custom Styles */
    ul.nav-tabs{
        width: 140px;
        margin-top: 20px;
        border-radius: 4px;
        border: 1px solid #ddd;
        box-shadow: 0 1px 4px rgba(0, 0, 0, 0.067);
    }
    ul.nav-tabs li{
        margin: 0;
        border-top: 1px solid #ddd;
    }
    ul.nav-tabs li:first-child{
        border-top: none;
    }
    ul.nav-tabs li a{
        margin: 0;
        padding: 8px 16px;
        border-radius: 0;
    }
    ul.nav-tabs li.active a, ul.nav-tabs li.active a:hover{
        color: #fff;
        background: #0088cc;
        border: 1px solid #0088cc;
    }
    ul.nav-tabs li:first-child a{
        border-radius: 4px 4px 0 0;
    }
    ul.nav-tabs li:last-child a{
        border-radius: 0 0 4px 4px;
    }
    ul.nav-tabs.affix{
        top: 30px; /* Set the top position of pinned element */
    }
